<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
  	<meta content="text/html" charset="utf-8">
  <script src="http://cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>
  	<link rel="stylesheet" type="text/css" href="css/jjupload.css"/>
    <script src="js/jjupload.js"></script>
    <script src="js/iscroll-zoom.js"></script> <!--实现图片的移动-->
	<script src="js/hammer.js"></script>
	<script src="js/lrz.all.bundle.js"></script>
	<script src="js/jquery.photoClip.js"></script> <!--实现图片的剪裁-->
  	<script type="text/javascript">
  	$(function(){
  		//单图
  		$("#a").jjUploadFile({multiple:false,data:[{url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051355266950_wh128x128.png"}]});
  		
  		//多图
  		//单选
  		$("#a1").jjUploadFile({multiple:true,choose:"radio",data:[{url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051355266950_wh128x128.png"},
  		                                          {url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051508547254_wh128x128.png",checked:true},
  		                                          {url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051508542126_wh832x450.jpg"}]});
  		                                          
		//多选
  		$("#a2").jjUploadFile({multiple:true,choose:"check",data:[{url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051355266950_wh128x128.png",checked:true},
  		        		                                          {url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051508547254_wh128x128.png"},
  		        		                                          {url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051508542126_wh832x450.jpg"}]});
  		        		                                          
  		
		//带文本
		$("#a3").jjUploadFile({multiple:true,hasText:true,data:[{url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051355266950_wh128x128.png",text:"sdfsd"},
  		        		                                          {url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051508547254_wh128x128.png"},
  		        		                                          {url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051508542126_wh832x450.jpg"}]});

		//上传图片类型 默认图片(image)视频(video) 
		//视频
		$("#a4").jjUploadFile({multiple:true,type:"video"});
		
  		$("#text").html(JSON.stringify($("#a3").jjUploadGetData()));
  		
  		$("#a5").jjUploadClipFile({width:150,height:100,isClip:false,url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051355266950_wh128x128.png"});
  		
  		$("#a6").jjUploadClipFile({width:150,height:100,isClip:true,url:"http://7xszyu.com1.z0.glb.clouddn.com/pic_album_ad_22_201707051355266950_wh128x128.png"});
  	});
        
  	</script>
  </head>
  
  <body>
	单图
	<div id="a"></div>
	<br/>
	多图
	单选
    <div id="a1"></div>
    <br/>
    多选
    <div id="a2"></div>
    <br/>
    带文本
    <div id="a3"></div>
    <div id="text"></div>
    
    <br/>
    
    上传图片类型 默认图片(image)视频(video)
    <div id="a4"></div>
    
    上传单图
    <div id="a5"></div>
    
    上传单图切图
    <div id="a6"></div>
  </body>
</html>